<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>HG Frontpage</title>
    <meta name="description" content="HG Frontpage">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/template.css">
    <link rel="stylesheet" href="css/font-awesome.css">

</head>
<body class="page">
	<header id="hg-header" class="hg-header">
		<div class="container">
			<div class="container-inner header-wrap clearfix col-md-12">
				<div class="logo-in-theme pull-left text-center col-md-2">
					<div class="logo">
						<a href="index.html">
							<img src="images/base/logo.png" alt="logo">
						</a>
					</div>
				</div>
				<nav id="hg-mainnav" class="hg-mainnav navbar navbar-mega animate col-md-10" data-duration="400" role="navigation">
					<div class="collapse navbar-collapse">
						<ul id="main-menu" class="main-menu nav navbar-nav main_nav_menu">
							<li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Reservations</a></li>
							<li>
								<a href="#">Our Menu
									<b class="caret"></b>
								</a>
							</li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
						<div class="header-right pull-right col-md-2">
							<button class="btn btn-dark btn-fix-large">Book a table</button>
						</div>
					</div>
				</nav>
		    </div>
		</div>
	</header>
	<div id="hg-mainbody" class="hg-mainbody">
		<header class="header-mainpage white">
			<div class="header-section text-center">
				<a href="#"><h2 class="hg-title blog-title">Blog Two Col</h2></a>
				<section class="breadcrumb">
					<a href="#">Home</a>
					<span class="delimiter"> <i class="glyphicon glyphicon-minus"></i></span>
					<span class="current">Blog Two Col</span>
				</section>
			</div>
		</header>
		<div class="blog-content">
			<div class="container">
				<div class="row">
					<div class="col-md-9 two-col">
						<div class="clearfix">
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada </p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
						</div>
						<ul class="pagination clearfix ">
							<li>
								<a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i>
								</a>
							</li>
							<li>
								<span class="page-numbers current">1</span>
							</li>
							<li>
								<a class="page-numbers" href="#">2</a>
							</li>
							<li>
								<a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i>
								</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 hg-sidebar">
						<div class="widget widget-search">
							<div class="widget-content">
								<form action="" class="searchform" method="get" role="search">
								<div class="hg-search input-group">
									<input type="text" placeholder="Search something" class="form-control input-large input-search" maxlength="40" name="s">
									<span class="input-group-addon input-large btn-search">
										<input type="submit" value="&#xf002;" class="fa">
									</span>
								</div>
							</div>
						</div>
						<div class="widget widget-post">
							<h3 class="widget-title"><span>Latest Post</span></h3>
							<div class="widget-content list-article">
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
							</div>
						</div>
						<div class="widget widget-tweets">
							<h3 class="widget-title"><span>Popular Tweets</span></h3>
							<div class="widget-content">
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
							</div>
						</div>
						<div class="widget widget-tag">
							<h3 class="widget-title"><span>Tags</span></h3>
							<div class="widget-content tagcloud">
								<a href="#" class="btn btn-tag">dinner</a>
								<a href="#" class="btn btn-tag">Egg</a>
								<a href="#" class="btn btn-tag">lunch</a>
								<a href="#" class="btn btn-tag">office party</a>
								<a href="#" class="btn btn-tag">breakfast</a>
								<a href="#" class="btn btn-tag">food</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<aside id="hg-aside" class="hg-aside">
		<div class="container">
			<div class="row">
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>About</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">About</a></li>
							<li><a href="#">Careers</a></li>
							<li><a href="#">Newsroom</a></li>
							<li><a href="#">Site map</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Partner</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Become a Partner </a></li>
							<li><a href="#">Advertise With Us</a></li>
							<li><a href="#">Affiliate Program</a></li>
							<li><a href="#">Travel Agents</a></li>
							<li><a href="#">Coporate Wellness</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-4">
					<p class="text-center img-footer"><img src="images/base/logo-footer.png" alt=""></p>
					<div class="widget-content">
						<div class="content-about text-center">
							<span>33 Farlane Street  Keilor East VIC 3033 Australia</span>
							<span>Tel: (+0) 123 456 789 - Fax: (+0) 123 456 789</span>                
							<a href="">Email: hgrestaurant@mail.com</a>
						</div>
						<div class="social text-center">
							<a href="#"><i class="fa fa-facebook"> </i></a>
							<a href="#"><i class="fa fa-twitter"> </i></a>
							<a href="#"><i class="fa fa-youtube"> </i></a>
							<a href="#"><i class="fa fa-pinterest"> </i></a>
							<a href="#"><i class="fa fa-google-plus"> </i></a>
						</div>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Help</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Gift Card FAQs</a></li>
							<li><a href="#">Customer Service</a></li>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Legal Notices</a></li>
							<li><a href="#">Give us website</a></li>
							<li><a href="#">Feedback</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Resources</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Spa Trends Report</a></li>
							<li><a href="#">Readers Choice </a></li>
							<li><a href="#">Award</a></li>  
						</ul>
					</div>
				</div>
			</div>
		</div>
	</aside>
	<footer id="hg-footer" class="hg-footer">
		<div class="container">
			<div class="row">
				<div class="menu-footer pull-left">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Reservations</a></li>
						<li><a href="#">Our Menu</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
				<div class="copyright pull-right">
					<p>© 2014 HG - <a href="#"> Restaurant</a> - All rights reserved.</p>
				</div>
			</div>
		</div>
	</footer>
</body>
	<script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</html>